.carWrapper {
    margin-top: -30px;
    background: url('~@/assets/images/parkBg.png') no-repeat bottom;
    background-size: 100%;

    .indexTitle {
        width: 430px;
        margin: 0 auto;

        h2 {
            text-align: center;
            position: relative;
            font-size: 40px;
            color: #073d9c;
            font-weight: 800;
        }

        h2::before {
            content: '';
            width: 82px;
            height: 32px;
            position: absolute;
            left: 0;
            top: 10px;
            background: url('~@/assets/images/left_arrow.png') no-repeat left;
        }

        h2::after {
            content: '';
            width: 82px;
            height: 32px;
            position: absolute;
            right: 0;
            top: 10px;
            background: url('~@/assets/images/right_arrow.png') no-repeat right;
        }
    }

    .carContent {
        background: #fff;
        margin-top: 25px;
        margin-bottom: 30px;
        border-top: 10px solid #e9e9e9;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0px 1px 5px 0px rgba(4, 4, 14, 0.2);
        padding-bottom: 30px;

        .carSearch {
            height: 70px;
            overflow: hidden;
            padding: 0 30px;
            border-bottom: 1px solid #e9e9e9;

            .searchLeft {
                float: left;

                .serachResult {
                    color: #333;
                    font-size: 14px;
                    display: inline-block;
                    vertical-align: middle;
                    line-height: 70px;
                }

                .searchSelect {
                    display: inline-block;
                    vertical-align: middle;

                    span {
                        color: #333;
                        font-size: 14px;
                        display: inline-block;
                        vertical-align: middle;
                    }
                }
            }

            .searchRight {
                width:400px;
                float: right;
                padding-top: 15px;

                /deep/.el-input-group__append button.el-button {
                    border-color: #003497;
                    background-color: #003497;
                    color: #fff;
                    border-radius: 0;
                    height: 40px;
                }

                /deep/.el-input__inner {
                    border-radius: 0;
                    width: 218px;
                }
            }
        }

        .mainContent {
            margin-top: 40px;
            padding: 0 25px 0;

            .parkList {
                // width: 800px;
                margin: 0 auto;
                // border: 1px solid #ececec;
                padding:0 20px;
                ul {

                    li {
                        display: block;
                        border-bottom: 1px dashed #e9e9e9;
                        background: url('~@/assets/images/arrow.png') no-repeat 4px 18px;
                        cursor: pointer;
                        .parkImg {
                            position: relative;
                            overflow: hidden;

                            p {

                                padding-left: 20px;
                                line-height: 50px;
                                font-size: 16px;
                                text-align: left;
                                float: left;
                                width: 70%;
                                overflow: hidden; //设置了这个属性，text-overflow属性才会生效
                                text-overflow: ellipsis; //超出范围的文本内容用省略号显示。
                                white-space: nowrap; //禁止换行  
                            }

                            .el-icon-arrow-right {
                                float: right;
                                color: #999;
                                margin-top: 12px;
                                padding-right: 10px;
                            }
                        }

                        &:last-child {
                            margin-right: 0;
                        }
                    }
                }
            }
        }
    }
}
.parkList ul li:hover{
    p{
        color:#003497;
        
    }
}
.carList ul li:hover {
    background: #f9fbff;
    box-shadow: 0px 0px 5px 0px rgba(0, 49, 161, 0.3);
}

.indexPage {
    padding-right: 30px;
    margin-top: 30px;
    text-align: center;

    // /deep/.el-pagination.is-background .btn-next,
    // .el-pagination.is-background .btn-prev,
    // .el-pagination.is-background .el-pager li {
    //     margin: 0 5px;
    //     background-color: #f4f4f5;
    //     color: #606266;
    //     min-width: 30px;
    //     border-radius: 50% !important;
    // }

    // /deep/.el-pager li {
    //     padding: 0 4px;
    //     font-size: 13px;
    //     min-width: 30px;
    //     height: 30px;
    //     line-height: 30px;
    //     box-sizing: border-box;
    //     text-align: center;
    //     border-radius: 50%;
    // }

    /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #003497;
        color: #FFF;
    }
}
.searchContent{
    display: inline-block;
    vertical-align: middle;
}
.resetBtn{
    margin-left:20px;
    display: inline-block;
    vertical-align: middle;
}
.setNew{
    border-bottom:1px solid #e9e9e9;
    overflow: hidden;
    margin-bottom:25px;
    .cartitle{
        float: left;
        padding:0 6px;
        // overflow: hidden;
        
        .smallTip{
            width:10px;
            height:25px;
            background: #073d9c;
            display: inline-block;
            vertical-align: middle;
            margin-right:10px;
        }
        h3{
            display: inline-block;
            vertical-align: middle;
            line-height: 55px;
            font-size:28px;
            color:#333;
            font-weight:800;
            position: relative;
            
        }
        h3:before{
            content: '';
            position: absolute;
            bottom:0;
            left:0;
            width:86px;
            height:3px;
            background: #073d9c;
        }
    }
    .el-button{
        margin-top:10px;
        float: right;
        // font-size:18px;
        // color:#7f7f7f;
        border:1px solid #003497;
        background-color: #003497;
    }
}